<template>
	<div class="home-swiper">
		<swiper :options="swiperOption">
			<swiper-slide>
				<img src="http://img1.qunarzz.com/piao/fusion/1706/b9/6b91b49794f46402.jpg_750x200_d7f254e2.jpg" />
			</swiper-slide>
			<swiper-slide>
				<img src="http://img1.qunarzz.com/piao/fusion/1706/b9/6b91b49794f46402.jpg_750x200_d7f254e2.jpg" />
			</swiper-slide>
			<swiper-slide>
				<img src="http://img1.qunarzz.com/piao/fusion/1706/b9/6b91b49794f46402.jpg_750x200_d7f254e2.jpg" />
			</swiper-slide>
			<div class="swiper-pagination" slot="pagination"></div>
		</swiper>
	</div>
</template>

<script>
	export default {
		name: 'home-swiper',
		data() {
			return {
				swiperOption: {
					pagination: {
						el: ".swiper-pagination"
					},
					loop:true,
					autoplay:true
				}
			}
		}

	}
</script>

<style scoped>
	.home-swiper {
		width: 100%;
		height: 6.25rem;
	}
	.home-swiper img {
		width: 100%;
		height: 100%;
	}


</style>
